<!DOCTYPE html>
<html lang="en">

<head>
  <%= require('utils')['inc']('meta') %>
  <title>高级搜索</title>
</head>

<body>
  <!-- 侧滑导航根容器 -->
  <div class="mui-off-canvas-wrap mui-draggable mui-slide-in">
    <!-- 菜单容器 -->
    <aside class="mui-off-canvas-right">
      <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
          <!-- 菜单具体展示内容 -->
          <%= require('utils')['inc']('aside') %>
        </div>
      </div>
    </aside>
    <!-- 主页面容器 -->
    <div class="mui-inner-wrap no-swipe-wrapper">
      <!-- 主页面标题 -->
      <%= require('utils')['inc']('header') %>
      <div class="mui-content mui-scroll-wrapper bgWhite has-footer">
        <div class="mui-scroll">
          <!-- 主界面具体展示内容 -->
          <div class="search-container">
            <form action="#">

              <div class="input-container">
                <div class="button-input">
                  <a href="#search-input-popover" class="mui-btn mui-btn-danger">
                    <span class="search-choose-result" data-name="fenlei" data-key="0">全部分类</span>
                    <span class="mui-icon"></span>
                  </a>

                  <input type="hidden" name="category" class="category" value="0">
                  <!-- <input type="search" class="mui-input-clear search" name="content" placeholder="商标名称  关键词"> -->
                  <div class="input-warp">
                    <input type="search" class="mui-input-clear search" name="content" placeholder="商标名称  关键词">
                    <input type="submit" class="fangda" value="">
                  </div>

                </div>
              </div>

              <div class="search-choose-wrap">
                <ul class="mui-table-view">
                  <li class="mui-table-view-cell mui-collapse mui-active">
                    <a class="mui-navigate-right" href="javascript:;">包含关键字</a>
                    <div class="mui-collapse-content">
                      <div class="choose-list-wrap">
                        <p class="choose-list checkbox choose-active" name="before" value="1">
                          前包含
                        </p>
                        <p class="choose-list checkbox" name="middle" value="1">
                          任意包含
                        </p>
                        <p class="choose-list checkbox" name="end" value="1">
                          结尾包含
                        </p>
                        <p class="choose-list checkbox" name="like" value="1">
                          包含任意商标
                        </p>
                      </div>
                    </div>
                  </li>
                </ul>
                <ul class="mui-table-view">
                  <li class="mui-table-view-cell mui-collapse mui-active">
                    <a class="mui-navigate-right" href="javascript:;">商标类型</a>
                    <div class="mui-collapse-content">
                      <div class="choose-list-wrap radio-wrap">
                        <p class="choose-list" data-radio="cn" name="chun_ch" key="1" value="1">
                          纯中文
                        </p>
                        <p class="choose-list" data-radio="en" name="chun_en" key="1" value="1">
                          纯英文
                        </p>
                        <p class="choose-list" data-radio="pic" name="chun_tx" key="1" value="1">
                          纯图形
                        </p>
                        <p class="choose-list" data-radio="num" name="chun_num" key="1" value="1">
                          纯数字
                        </p>
                        <p class="choose-list checkbox" name="chinese" key="2" value="1">
                          包含中文
                        </p>
                        <p class="choose-list checkbox" name="english" key="2" value="1">
                          包含英文
                        </p>
                        <p class="choose-list checkbox" name="tuxing" key="2" value="1">
                          包含图形
                        </p>
                        <p class="choose-list checkbox" name="numbers" key="2" value="1">
                          包含数字
                        </p>
                      </div>
                    </div>
                  </li>
                </ul>
                <ul class="mui-table-view">
                  <li class="mui-table-view-cell mui-collapse mui-active cn-radio">
                    <a class="mui-navigate-right" href="javascript:;">汉字字数</a>
                    <div class="mui-collapse-content">
                      <div class="choose-list-wrap">
                        <p class="choose-list" name="ch_num" value="1,1">1个汉字</p>
                        <p class="choose-list" name="ch_num" value="2,2">2个汉字</p>
                        <p class="choose-list" name="ch_num" value="3,3">3个汉字</p>
                        <p class="choose-list" name="ch_num" value="4,999">4个汉字</p>
                      </div>
                    </div>
                  </li>
                </ul>
                <ul class="mui-table-view">
                  <li class="mui-table-view-cell mui-collapse mui-active en-radio">
                    <a class="mui-navigate-right" href="javascript:;">英文字数</a>
                    <div class="mui-collapse-content">
                      <div class="choose-list-wrap">
                        <p class="choose-list" name="en_num" value="1,1">1个字母</p>
                        <p class="choose-list" name="en_num" value="2,2">2个字母</p>
                        <p class="choose-list" name="en_num" value="3,3">3个字母</p>
                        <p class="choose-list" name="en_num" value="4,4">4个字母</p>
                        <p class="choose-list" name="en_num" value="5,5">5个字母</p>
                        <p class="choose-list" name="en_num" value="6,6">6个字母</p>
                        <p class="choose-list" name="en_num" value="7,7">7个字母</p>
                        <p class="choose-list" name="en_num" value="8,999">8个字母</p>
                      </div>
                    </div>
                  </li>
                </ul>
                <ul class="mui-table-view">
                  <li class="mui-table-view-cell mui-collapse">
                    <a class="mui-navigate-right" href="javascript:;">注册年限</a>
                    <div class="mui-collapse-content">
                      <div class="choose-list-wrap">
                        <p class="choose-list" name="regdate" value="0,999">不限</p>
                        <p class="choose-list" name="regdate" value="0,1">1年以下</p>
                        <p class="choose-list" name="regdate" value="1,999">1年以上</p>
                        <p class="choose-list" name="regdate" value="2,999">2年以上</p>
                        <p class="choose-list" name="regdate" value="3,999">3年以上</p>
                        <p class="choose-list" name="regdate" value="4,999">4年以上</p>
                        <p class="choose-list" name="regdate" value="5,999">5年以上</p>
                      </div>
                    </div>
                  </li>
                </ul>
              </div>

              <div class="search-button-wrap">
                <a href="/search.html" class="mui-btn mui-btn-primary search-btn-clear">清空选项</a>
                <input type="submit" class="mui-btn mui-btn-primary search-btn-search" value="确认搜索" />
              </div>

            </form>

          </div>
        </div>
      </div>
      <!-- off-canvas backdrop -->
      <div class="mui-off-canvas-backdrop"></div>
      <%= require('utils')['inc']('footer') %>
    </div>
  </div>

  <%= require('utils')['inc']('search/popover') %>
</body>

</html>